@charset "utf-8";
@import "common/common";
.container-fluid {
    .dynamic {
        .container {
            padding-top: 42px;
            padding-bottom: 93px;
            .dynamic_top {
                margin-left: 0px;
                div {
//                  padding-left: 0px;
                    padding-bottom: 40px;
                    color: #ff6b08;
                    font-size: 30px;
                }
            }
            .dynamic_min{
                a{
                    padding-right: 33px;
                    img{
                        width: 345px;
                    }
                }
            }
        }
    }
    .details{
        .container{
            padding-bottom: 71px;
            .details_min{
                padding-left: 70px;
                div{
                    &:nth-of-type(1){
                       font-size: 18px;
                       color: #ff6900; 
                       padding-bottom: 15px;
                    }
                     &:nth-of-type(2){
                        font-size: 14px;
                        padding-bottom: 22px;
                    }
                     &:nth-of-type(3){
                        padding-bottom: 13px;
                   } 
                   &:nth-of-type(4){
                text-align: right;
                  a{                
                    text-align: center;
                    display: inline-block;
                    width: 99px;
                    height: 33px;
//                  background: #FF6900;
                    border: 1px solid #FF6900;
                    color: #FF6900;
                    line-height: 33px;
                    vertical-align: middle;
                    border-radius:50px ;
                }
                   } 
                }
                
            }
        }
    }
    .number{
        .container{
            border-top: 1px solid #DDDDDD;
             padding-top: 34px;
             padding-bottom: 24px;
            .number_min{
                
                
                text-align: center;
               
                a{
                    display: inline-block;
//                  text-align: center;
                    vertical-align: middle;
                    border: 1px solid #dddddd;
                   width: 51px;
                   height: 31px;
                   &:nth-of-type(2){
                       width: 63px;
                   } 
                   &:nth-of-type(7){
                       width: 63px;
                   }
                }
            }
        }
    }
}
@media only screen and(min-width:320px) and(max-width:767px){
    .container-fluid .details .container .details_min{
        padding-left: 20px;
    }
    .container-fluid .dynamic .container{
        padding-bottom: 10px;
    }
    .container-fluid .number .container .number_min a{
        width: 33px;
    }
    .container-fluid footer .container .footer_top div:nth-of-type(2){
        text-align: center;
    }
    .container-fluid .details .container .details_top img{
        padding-left: 60px;
    padding-top: 20px;
    padding-bottom: 10px;
    }
    .container-fluid .details .container .details_min div:nth-of-type(1){
        font-size: 16px;
    }
    .container-fluid .dynamic .container .dynamic_min a img{
        width: 88%;
        padding-left: 20px;
    }
    .container-fluid footer .container{
        text-align: center;
    }
}
@media only screen and(min-width:768px) and(max-width:991px){
    .container-fluid .dynamic .container .dynamic_min a img{
            width: 206px;
    }
    .container-fluid .dynamic .container{
        padding-bottom: 0;
    }
    .container-fluid .details .container .details_top{
        text-align: center;
    padding-bottom: 10px;
    }
    .container-fluid footer .container{
        text-align: center;
        line-height: 20px;
    }
    .container-fluid .dynamic .container .dynamic_top div{
        padding-bottom: 10px;
    }
     .container-fluid header .navbar-brand{
        padding: 7px 6px;
    }
    .container-fluid header .navbar-default .navbar-nav > li > a{
        padding: 15px 5px;
    }
}
@media only screen and(min-width:992px) and(max-width:1024px){
    .container-fluid .dynamic .container .dynamic_min a img{
            width: 278px;
    }
    .container-fluid .dynamic .container{
        padding-bottom: 0;
    }
    .container-fluid .details .container .details_min{
        padding-left: 90px;
    }
    .container-fluid footer .container .footer_top .footer_min{
        text-align: right;
    }
}